{% extends 'myweb/index.html' %}
{% block 'css' %}
    
    <link rel="stylesheet" type="text/css" href="/static/myweb/public/css/list.css">
    <link rel="stylesheet" type="text/css" href="/static/myweb/public/css/list-app.css">

{% endblock %}
{% block 'body' %}
<div class="mainlist app-list">
    <div class="container">
      <!-- 面包屑 导航 -->
      <div class="ml-nav hidden-xs hidden-sm">
            <ol class="breadcrumb">
              <li><a href="./index.html">首页</a></li>
              <li><a href="#">全部商品</a></li>
            </ol>
      </div>
      <!-- 面包屑 导航 E-->
      <!-- 分类列表 -->
      <div class="selector hidden-xs hidden-sm">
      <div class="sl-category">
        <div class="sl-line-wrap clearfix">
          <div class="mod-key">分类：</div>
          <div class="mod-value">
            <div class="mod-value-list">
              <ul>
                {% for v in glist %}
                <li class="">
                  <a href="javascript:void(0)" title="全部">{{ v.name }}</a>
                </li>
                {% endfor %}
               
              </ul>
            </div>
          </div>
        </div>
       
      </div>
      <!-- 分类列表 E -->

      <!-- 分类导航 E -->

      <!-- 商品列表 -->
      <div class="goods-list">
        {% for v in glist %}
        <h3>{{ v.name }}</h3>
        <div class="row">
          {% for vv in v.glist %}
          <div class="col-md-3 col-sm-6 col-xs-6">
            <div class="gl-item">
              <div class="compare-btn-list" style="display: none;">
                  <i class="iconfont  icon-duibi compare-duibi"></i>
                  <span class="hidden-xs hidden-sm">对比</span>
              </div>
              <div class="gl-item-wrap">
                <!-- Tab panes -->
                <div class="tab-content">
                  <div role="tabpanel" class="tab-pane active mod-pic" id="list-p1">
                    <a href="{% url 'ginfo' vv.id %}">
                      <img style="height:220px" class="lazy j-modProduct" src="/static/goods/{{ vv.picname }}" width="220" height="220">
                    </a>
                  </div>
                </div>

              

                <h2 >{{ vv.title }}</h2>
               
                <dd class="mod-price">
                    <span>￥</span>
                    <span class="vm-price">{{ vv.price }}</span>
                    <span class="vm-start">起</span>
                </dd>
              </div>
            </div>
          </div>
          {% endfor %}

        </div>

        {% endfor %}


        
      </div>
      <!-- 商品列表 -->


    </div>
  </div>
{% endblock %}